<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>招商后台管理</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="css/main.css" media="all" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" />
		<link rel="stylesheet" type="text/css" href="css/webuploader.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css"/>
		<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap-select.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>
	</head>

	<body class="main_body">
		<div class="layui-layout layui-layout-admin">
			<!-- 顶部 -->
			<div class="layui-header header">
				<div class="layui-main">
					<a href="#" class="logo">项目管理</a>
					<!-- 顶部右侧菜单 -->
					<ul class="layui-nav top_menu">
						<li class="layui-nav-item" pc>
							<a href="javascript:;">
								<img src="img/pic01.jpg" class="layui-circle" width="35" height="35">
								<cite>请叫我马哥</cite>
							</a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a>
								</dd>
								<dd>
									<a href="javascript:;" data-url=""><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a>
								</dd>
								<dd>
									<a href="javascript:;"><i class="iconfont icon-loginout"></i><cite>退出</cite></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<!-- header导航 -->
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
						<a class="navbar-brand" href="index.html">概览</a>
					</div>
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="project_manage.html">项目管理 <span class="sr-only">(current)</span></a>
							</li>
							<li >
								<a href="information_dynamic.html">信息动态</a>
							</li>
							<li>
								<a href="co_operation.html">协办任务</a>
							</li>
							
							<li>
								<a href="go_out.html">外出申请</a>
							</li>
							<li>
								<a href="outgo_approval.html">外出审批</a>
							</li>
							<li>
								<a href="submit_clues.html">企业提交线索</a>
							</li>
							<li>
								<a href="attend_manage.html">考勤管理</a>
							</li>
							<li>
								<a href="team_manage.html">部门管理</a>
							</li>
							<li>
								<a href="member_manage.html">成员管理</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
						</ul>
					</div 
				</div>
			</nav>
			<!--树状图-->
			<div class="layui-side layui-bg-black" id="shu" style="display: none;">
				<div class="navBar layui-side-scroll" style="height: auto;">
					<div class="tree well">
								<ul>
									<li>
										<span><i class="icon-folder-open"></i> 顶级节点1</span>
										<ul>
											<li>
												<span><i class="icon-minus-sign"></i> 一级节点1</span>
												<a href=""></a>
												<ul>
													<li>
														<span><i class="icon-leaf"></i> 二级节点1_1</span>
														<a href=""></a>
													</li>
												</ul>
											</li>
											<li>
												<span><i class="icon-minus-sign"></i> 一级节点2</span>
												<a href=""></a>
												<ul>
													<li>
														<span><i class="icon-leaf"></i>二级节点2_1</span>
														<a href=""></a>
													</li>
													<li>
														<span><i class="icon-minus-sign"></i> 二级节点2_2</span>
														<a href=""></a>
														<ul>
															<li>
																<span><i class="icon-minus-sign"></i>三级节点2_1</span>
																<a href=""></a>
																<ul>
																	<li>
																		<span><i class="icon-leaf"></i>四级节点2_1</span>
																		<a href=""></a>
																	</li>
																	<li>
																		<span><i class="icon-leaf"></i> 四级节点2_2</span>
																		<a href=""></a>
																	</li>
																</ul>
															</li>
															<li>
																<span><i class="icon-leaf"></i>三级节点2_2</span>
																<a href=""></a>
															</li>
															<li>
																<span><i class="icon-leaf"></i> 三级节点2_3</span>
																<a href=""></a>
															</li>
														</ul>
													</li>
													<li>
														<span><i class="icon-leaf"></i>二级节点2_3</span>
														<a href=""></a>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li>
										<span><i class="icon-folder-open"></i> 顶级节点2</span>
										<a href=""></a>
										<ul>
											<li>
												<span><i class="icon-leaf"></i> 一级节点2_1</span>
												<a href=""></a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="layui-body layui-form">
				<div class="layui-tab marg0" lay-filter="bodyTab">
					<div class="max-title">
						<div class="fl">项目管理</div>
						<ul class="max-title-ul fr tj-btns ">
							<!--<li data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo"><img src="img/jia-icon.png"/>添加线索</li>-->
							<button class="btn-info btn fl" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">添加线索</button>
							<button class="btn-info btn fl " data-toggle="modal" data-target="#qianyue" data-whatever="@mdo">添加签约项目</button>
							<button class="btn-info btn fl" data-toggle="modal" data-target="#zaijian" data-whatever="@mdo" >添加在建项目</button>
							<li data-toggle="modal" data-target="#daoru" data-whatever="@mdo"><img src="img/dr-icon.png" />导入</li>
							<li data-toggle="modal" data-target="#out" data-whatever="@mdo"><img src="img/dc-icon.png" />导出</li>
						</ul>
					</div>
					<div class="cont-top">
						<!--<div class="dropdown navbar-left" style="margin-right: 10px;">
							<button class="btn-info btn" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">添加线索</button>
							<button class="btn-info btn">添加签约项目</button>
							<button class="btn-info btn">添加在建项目</button>
						</div>-->
						<div class="dropdown navbar-left hidden-xs">
							<select class="selectpicker form-control" title="全部动态" data-live-search="true" onchange="selectOnchang(this)">
								<option value="在谈线索">在谈线索</option>
								<option value="签约项目">签约项目</option>
								<option value="在建项目">在建项目</option>
								<option value="投项目资">投项目资</option>
								<option value="销号项目">销号项目</option>
								<option value="销号项目">待审核项目</option>
							</select>
						</div>
						<!--搜索-->
						<form class="navbar-form navbar-left form-top sear-wd hidden-xs " style="float: left !important;">
							<div class="form-group fl">
								<select class="selectpicker form-control" title="填报单位" data-live-search="true" onchange="selectOnchang(this)">
									<option value="项目名称">顺序</option>
									<option value="项目商家">降序</option>
									<option value="会员名称">会员名称</option>
								</select>
							</div>
							<div class="input-group date form_dates col-md-3 fl" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
								<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择日期">
								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<span class="fl line">——</span>
							<div class="input-group date form_dates col-md-3 fl" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
								<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择日期">
								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<div class="form-group">
								<input type="text" class="form-control" placeholder="项目名称/编号">
							</div>
							<button type="submit" class="btn btn-success ms-btn">搜索</button>
						</form>
						<div class="dropdown navbar-right sort hidden-xs">
							<select class="selectpicker form-control" title="默认排序" onchange="selectOnchang(this)">
								<option value="项目名称">顺序</option>

								<option value="项目商家">降序</option>

								<option value="会员名称">会员名称</option>

								<option value="4">4</option>
							</select>
						</div>
					</div>
					<div class="layui-form form-wd" id="app2">
						<!--添加线索模态窗-->
						<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document" style="width:1042px">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="exampleModal">添加线索</h4>
									</div>
									<div class="modal-body">
										<form action="" method="post" class="form-horizontal">
											<div class="form-group">
												<label for="name" class="control-label col-sm-1">名称：</label>
												<div class="col-sm-4">
													<input type="text" class="form-control" placeholder="请输入项目名称">
												</div>
											</div>
											<div class="form-group radio-padding">
												<label for="name" class="control-label col-sm-1">所属产业：</label>
												<div class="col-sm-8">
													<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" title="工业" checked>
												    </label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option2" title="农业">
												    </label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option3" title="文旅开发">
												    </label>
												<label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option4" title="总部经济">
												    </label>
												    <label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option4" title="商贸服务">
												    </label>
												    <label class="radio-inline">
												        <input type="radio" name="optionsRadiosinline" id="optionsRadios2"  value="option4" title="其他">
												    </label>
												</div>
											</div>
											<div class="form-group">
												<label for="name" class="control-label col-sm-1">返乡创业：</label>
												<div class="col-sm-4">
													<select class="selectpicker form-control" title="请选择">
														<option value="">是</option>
														<option value="">否</option>
													<select>
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<a href="project_details.html"><button type="button" class="btn btn-primary" @click="addUser">确定</button></a>
									</div>
								</div>
							</div>
						</div><!--添加签约项目模态窗-->
						<div class="modal fade" id="qianyue" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="qianyue">添加签约项目</h4>
									</div>
									<div class="modal-body">
										<form action="" method="post" class="form-horizontal">
											<div class="form-group">
												<label for="name" class="control-label col-sm-2 col-sm-offset-2">名称：</label>
												<div class="col-sm-6">
													<input type="text" class="form-control" placeholder="请输入项目名称">
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<a href="project_details.html"><button type="button" class="btn btn-primary" @click="addUser">确定</button></a>
									</div>
								</div>
							</div>
						</div>
						<!--添加在建项目模态窗-->
						<div class="modal fade" id="zaijian" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="zaijian">添加在建项目</h4>
									</div>
									<div class="modal-body">
										<form action="" method="post" class="form-horizontal">
											<div class="form-group">
												<label for="name" class="control-label col-sm-2 col-sm-offset-2">名称：</label>
												<div class="col-sm-6">
													<input type="text" class="form-control" placeholder="请输入项目名称">
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<a href="project_details.html"><button type="button" class="btn btn-primary" @click="addUser">确定</button></a>
									</div>
								</div>
							</div>
						</div>
						<!--导入 -->
						<div class="modal fade" id="daoru" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="daoru">导入项目</h4>
									</div>
									<div class="modal-body">
										<div class="">
											<div class="">
												<p><img src="img/down.png" />&nbsp;&nbsp;下载模板</p>
												<span>为提高导入成功率，请下载并使用系统提供的模板</span>
												<button type="button" class="btn btn-info downs">下载模板</button>
											</div>
											<div class="">
												<p><img src="img/up.png" />&nbsp;&nbsp;上传文件</p>
												<p>仅支持xlsx、xls、csv，文件大小未4M。</p>
												<input id='location' class="form-control fl" disabled>
												<input type="button" id="i-check" value="浏览" class="btn fl" onclick="$('#i-file').click();">
												<input type="file" id='i-file' accept=".xlsx,.xls,.csv,.doc" onchange="$('#location').val($('#i-file').val());" style="display: none">
												<div class="clear"></div>
											</div>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<button type="button" class="btn btn-primary" @click="addUser">确定</button>
									</div>
								</div>
							</div>
						</div>
						<!--导出 -->
						<div class="modal fade" id="out" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="out">导出项目</h4>
									</div>
									<div class="modal-body">
										<p>导出哪些数据</p>
										<div class="form-group out">
											<label class="radio-inline">
											        <input type="radio" name="optionsRadiosinline" id="yes" value="option1" title="当前筛选的数据(200条)" checked>
											    </label>
											<label class="radio-inline">
											        <input type="radio" name="optionsRadiosinline" id="no"  value="option2" title="全部数据">
											    </label>
										</div>
										<p>导出哪些字段</p>
										<div class="form-group out">
											<section>
												<div id="dayCheck1" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input class="dayCheckBox" type="checkbox" name="" id="day1" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck2" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day2" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck3" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day3" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck4" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day4" value="option1" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck4" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day4" value="option1" />
													<label for="day1"></label>
												</div>
											</section>
											<div class="clear"></div>
										</div>
										<div class="xz-txt">可选字段</div>
										<div class="form-group out">
											<section>
												<div id="dayCheck1" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input class="dayCheckBox" type="checkbox" name="" id="day1" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck2" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day2" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck3" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day3" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck4" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day4" value="option1" />
													<label for="day1"></label>
												</div>
											</section>
											<section>
												<div id="dayCheck4" class="dayCheck dayCheckDiv">
													<p class="dayTxt">字段名称</p>
													<input type="checkbox" class="dayCheckBox" name="" id="day4" value="option1" />
													<label for="day1"></label>
												</div>
											</section>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
										<button type="button" class="btn btn-primary" @click="addUser">确定</button>
									</div>
								</div>
							</div>
						</div>
						<!--上报模态框-->
						<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="report">上报</h4>
									</div>
									<div class="modal-body" style="padding:5px;border: none;">
										<form action="" method="post" class="form-horizontal">
											<div class="form-group">
												<label for="firstname" class="col-sm-3 control-label tz-txt ">目前进展情况：</label>
												<div class="col-sm-6">
													<textarea id="textArea" class="form-control" rows="3" placeholder="请输入目前进展情况"></textarea>
												</div>
											</div>
											<div class="form-group">
												<label for="firstname" class="col-sm-3 control-label tz-txt ">存在的问题：</label>
												<div class="col-sm-6">
													<textarea id="textArea" class="form-control" rows="3" placeholder="请输入存在的问题"></textarea>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-3 control-label">附件：</label>
												<!--<div class="col-sm-2">
													<input type="file" id="inputfile">
												</div>-->
											
												<div class="form-group col-sm-6 has-feedback  " id="file">
													<div class="col-md-12 input-group">
														<input id="lefile" type="file" style="display:none">
														<span class="input-group-addon" onclick="$('input[id=lefile]').click();" style="cursor: pointer; background-color: #e7e7e7"><i class="fa fa-folder-open"></i>上传</span>
														<input id="photoCover" class="form-control" type="text">
														<span class="fa fa-download form-control-feedback" style="cursor: pointer;pointer-events: auto;"></span>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-3 control-label">到资金额：</label>
												<div class="col-sm-3">
													<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" class="form-control" id="lastname" placeholder="请输入">
													<span class="fr baif" style="right: -20px;">万元</span>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-3 control-label">到资金额证明：</label>
												<div id="wrapper"style="float: right;"  >
											        <div id="container" class="wrap-cont">
											            <!--头部，相册选择和格式选择-->
											            <div id="uploader">
											                <div class="queueList">
											                    <div id="dndArea" class="placeholder">
											                        <div id="filePicker"></div>
											                        <!--<p>或将照片拖到这里，单次最多可选300张</p>-->
											                    </div>
											                </div>
											                <div class="statusBar" style="display:none;">
											                    <div class="progress" >
											                        <span class="text">0%</span>
											                        <span class="percentage"></span>
											                    </div><div class="info"></div>
											                    <div class="btns">
											                        <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
											                    </div>
											                </div>
											            </div>
											        </div>
											    </div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-3 control-label">反馈时间：</label>
												<div class="input-group date form_dates col-md-4 fl" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
													<input class="form-control" size="16" type="text" value="" readonly placeholder="请选择">
													<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
												</div>
											</div>
											<div class="form-group">
												<label for="lastname" class="col-sm-3 control-label">反馈人：</label>
												<div class="col-sm-3">
													<input type="text" class="form-control" id="lastname" placeholder="请输入">
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
									</div>
								</div>
							</div>
						</div>
						<!--列表-->
						<table class="table table-bordered table-hover">
							<thead>
								<tr style="background: #ccc;">
									<th><input type="checkbox" name="checkbox" id="check-all" lay-skin="primary"></th>
									<th>项目名称</th>
									<th>总投资金额(万)</th>
									<th>填报单位</th>
									<th>进展情况</th>
									<th>状态</th>
									<th>填报日期</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<!--v-for="item in projectInfo"-->
								<tr class="text-center">
									<td><input type="checkbox" lay-skin="primary"></td>
									<td>
										项目名称
									</td>
									<td>20000.00</td>
									<td>合肥时代数码港合肥时代数码港</td>
									<td>2018.10.10 未通过</td>
									<td>在建</td>
									<td>2018.10.10</td>
									<td width="22%">
										<a href="project_details.html"><button class="btn-info btn-sm">查看/审核</button></a>
										<button class="btn-primary btn-sm" data-toggle="modal">申请签约</button>
										<button class="btn-primary btn-sm" data-toggle="modal">修改</button>
										<button class="btn-danger btn-sm" data-toggle="modal">销号</button>
										<button class="btn-danger btn-sm" data-target="#report" data-whatever="@mdo" data-toggle="modal">上报</button>

									</td>
								</tr>
								<tr class="text-center">
									<td><input type="checkbox" lay-skin="primary"></td>
									<td>
										项目名称
									</td>
									<td>20000.00</td>
									<td>合肥时代数码港合肥时代数码港</td>
									<td>2018.10.10 未通过</td>
									<td>阿里库时间</td>
									<td>2018.10.10</td>
									<td>
										<a href="project_details.html"><button class="btn-info btn-sm">查看/审核</button></a>
										<button class="btn-primary btn-sm" data-toggle="modal">申请签约</button>
										<button class="btn-primary btn-sm" data-toggle="modal">修改</button>
										<button class="btn-danger btn-sm" data-toggle="modal">销号</button>
										<button class="btn-danger btn-sm" data-toggle="modal">上报</button>
									</td>
								</tr>
							</tbody>
						</table>

						<div class="foot-div">
							<div class="checkbox fl">
								<label>
							    <!--  <input type="checkbox" lay-skin="primary"  class="all-input"> -->
							      	<select class="selectpicker form-control alls" title="批量操作" onchange="selectOnchang(this)">
										<option value="项目名称">顺序</option>
										<option value="项目商家">降序</option>
									</select>
									
							    </label>
							</div>
							<!--分页-->
							<script type="text/x-template" id="page">
								<ul class="pagination page-ul fr">
									<li>
										<a class="tonum">共110条</a>
									</li>
									<li>
										<a href="#">首页</a>
									</li>
									<li v-show="current != 1" @click="current-- && goto(current)">
										<a href="#">上一页</a>
									</li>
									<li v-for="index in pages" @click="goto(index)" :class="{'active':current == index}" :key="index">
										<a href="#">{{index}}</a>
									</li>
									<li v-show="allpage != current && allpage != 0 " @click="current++ && goto(current++)">
										<a href="#">下一页</a>
									</li>
									<li>
										<a href="#">尾页</a>
									</li>
								</ul>
							</script>
							<div id="app">
								<page></page>
							</div>

						</div>

					</div>

				</div>
			</div>
			</div>
			<!-- 移动导航 -->
			<div class="site-tree-mobile layui-hide" id="shu-btn">
				<i class="layui-icon" >
					<img src="img/ri-line.png"/>
				</i>
			</div>
			<div class="site-mobile-shade"></div>
		 	<script type="text/javascript" src="js/jquery.js"></script>
		    <script type="text/javascript" src="js/webuploader.js"></script>
		    <script type="text/javascript" src="js/upload.js"></script>
			<script src="js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/bootstrap-datetimepicker.fr.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
			<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript" src="layui/layui.js"></script>
			<script type="text/javascript" src="js/leftNav.js"></script>
			<script type="text/javascript" src="js/index.js"></script>
			<script type="text/javascript">
				$(function() {
					$('input[id=lefile]').change(function() {
						$('#photoCover').val($(this).val());
					});
					$('input[id=lefile2]').change(function() {
						$('#photoCover2').val($(this).val());
					});
					//下拉选择
					function selectOnchang(obj) {
						var value = obj.options[obj.selectedIndex].value;
						console.log(value);
					}
					//审核字数限制
					$('#textArea').on("keyup", function() {
						$('#textNum').text($('#textArea').val().length); //这句是在键盘按下时，实时的显示字数
						if($('#textArea').val().length > 100) {
							$('#textNum').text(100); //长度大于100时0处显示的也只是100
							$('#textArea').val($('#textArea').val().substring(0, 100)); //长度大于100时截取钱100个字符
						}
					})
					$('#textNum').text($('#textArea').val().length); //这句是在刷新的时候仍然显示字数
					//日期
					$('.form_dates').datetimepicker({
						format: 'yyyy-mm-dd',
						language: 'zh-CN',
						weekStart: 1,
						todayBtn: 1,
						autoclose: 1,
						todayHighlight: 1,
						startView: 2,
						minView: 2,
						forceParse: 0
					});
					//导出内容
					$(".dayCheckBox").click(function() {
						$(".dayCheckDiv").each(function() {
							if($(this).children('input').is(":checked")) {
								$(this).removeClass("dayCheck").addClass("dayUnCheck");
							} else {
								$(this).removeClass("dayUnCheck").addClass("dayCheck");
							}
						});
					});

				})

				//分页
				Vue.component("page", {
					template: "#page",
					data: function() {
						return {
							current: 1,
							showItem: 5,
							allpage: 13
						}
					},
					computed: {
						pages: function() {
							var pag = [];
							if(this.current < this.showItem) { //如果当前的激活的项 小于要显示的条数
								//总页数和要显示的条数那个大就显示多少条
								var i = Math.min(this.showItem, this.allpage);
								while(i) {
									pag.unshift(i--);
								}
							} else { //当前页数大于显示页数了
								var middle = this.current - Math.floor(this.showItem / 2), //从哪里开始
									i = this.showItem;
								if(middle > (this.allpage - this.showItem)) {
									middle = (this.allpage - this.showItem) + 1
								}
								while(i--) {
									pag.push(middle++);
								}
							}
							return pag
						}
					},
					methods: {
						goto: function(index) {
							if(index == this.current) return;
							this.current = index;
							//这里可以发送ajax请求
						}
					}
				})
				//ajax
				//			new Vue({
				//				el: "#app2",
				//				data:{
				//					return {
				//						projectInfo: []
				//					}
				//				},
				//				created: function() {
				//					var url = "http://192.168.31.245:8080/invest-web/findAllProject";
				//					this.$http.post(url, {
				//						"current_page": 1,
				//						"pageSize": 10,
				//					}, {
				//						emulateJSON: true
				//					}).then(res => {
				//						if(res.body.code == 1) {
				//							this.projectInfo = res.body.data;
				//							console.log(res.body.data)
				//						} else {
				//							console.log(res.body.msg)
				//						}
				//					});
				//
				//				}
				//			})

				new Vue({
					el: '#app2',
					created: function() {
						data = {
							data: ''

						};
						var url = "http://192.168.31.245:8080/invest-web/findAllProject";
						this.$http.post(url, data).then(function(data) {
							if(data.body.code == 1) {
								var json = data.body.data;
								console.log(json)
								console.log(data.body.total)
								this.data = json;
							} else {
								console.log(data.body.msg)
							}
						}, function(response) {
							console.log(response.data);
						})

					}
				});
			</script>
	</body>

</html>